import './App.css';
import {Outlet} from 'react-router-dom';
import Navbar from './components/Navbar/Navbar';
import Footer from './components/Footer/Footer';

function App() {
    return (
        <div className="App">
            {/* 导航栏 */}
            <Navbar/>
            <header className="App-header" style={{//背景图片样式
                border: "1px solid #ccc!important",
                padding: "14px;border-radius: 16px!important",
                backgroundImage: `url(${process.env.PUBLIC_URL + '/img/101.webp'})`
            }}>
                {/* 组件出口 */}
                <Outlet/>
            </header>
            {/* 浏览器底部 */}
            <Footer/>
        </div>
    );
}

export default App;
